var prefix = ctx +"sys/menu"
$(document).ready(function () {
    load();
});

function load(){
    layui.use(['form','table','treetable'], function() {
        var form = layui.form ,
            table = layui.table;//载入table模块
        var treetable = layui.treetable;
        //初始化table
        layer.load(2);
        treetable.render({
            treeColIndex: 1,//树形图标显示在第几列
            treeSpid: 0,//最上级的父级id
            treeIdName: 'menuId',//id字段的名称
            treePidName: 'parentId',//pid字段的名称
            treeDefaultClose: true,//是否默认折叠
            treeLinkage: false,//父级展开时是否自动展开所有子级
            elem: '#munu-table',
            url: prefix + "/list",//请求数据连接
            toolbar: '#toolbarDemo',
            cellMinWidth: 80,//全局定义所有常规单元格的最小宽度（默认：60）
            even: true,//是否开启隔行变色
            loading:true,//是否显示加载条
            where :{
                // orderNum:"asc"
            },
            page: false,
            cols: [[
                { title: '序号', type:'numbers',width: '5%'},
                // { title: '菜单ID', field: 'menuId', align : 'center', },
                { title: '名称', field: 'name', align : 'center', width: '17%'},
                { title: '类型', field: 'menuType',align : 'center',
                    templet: function (item) {
                        if (item.menuType === 0) {
                            return '<span class="label label-primary">目录</span>';
                        } else if (item.menuType === 1) {
                            return '<span class="label label-success">菜单</span>';
                        } else if (item.menuType === 2) {
                            return '<span class="label label-warning">按钮</span>';
                        }
                    },
                },
                { title: '索引', field: 'orderNum', valign: 'center', align: 'center',  },
                { title: '地址', field: 'url',  align: 'center' , width: '15%'},
                { title: '权限标识', field: 'perms', align: 'center',  width: '16%'},
                { title: '显示', field: 'showType',align: 'center', valign: 'center',
                    templet: function (item) {
                        if (item.showType == 1) {
                            return '<span class="label label-success">显示</span>';
                        } else {
                            return '<span class="label label-danger ">隐藏</span>';
                        }
                    },
                },
                { title: '操作', minWidth: 300,fixed: "right", templet: '#currentTableBar', align: "center"}
            ]],
            id: 'currentTableId',//表格Id
            done: function(res, curr, count){
                layer.closeAll('loading');
            } //解决最右侧列不能固定的问题
        });
        /**
         * 操作栏tool  监听事件
         */
        table.on('tool(munu-table)', function (obj) {
            if (obj.event === 'add') {  // 监听添加操作
                add(obj.data.id);
            } else if (obj.event === 'edit') {  // 监听添加操作
                console.log('obj',obj.data.id)
                edit(obj.data.id);
            } else if (obj.event === 'delete') {  // 监听删除操作
                // var checkStatus = table.checkStatus('currentTableId')
                //     , data = checkStatus.data;
                // layer.alert(JSON.stringify(data));
                remove(obj.data.id);
            }else if (obj.event === 'addPlus') {  // 监听删除操作
                batchAdd(obj.data.id)
            }
        });

        /**
         * toolbar 表格上部按钮  监听事件
         */
        table.on('toolbar(munu-table)', function (obj) {
            if (obj.event === 'add') {  // 监听添加操作
                add(0);
            } else if (obj.event === 'delete') {  // 监听删除操作
                var checkStatus = table.checkStatus('currentTableId')
                    , data = checkStatus.data;
                layer.alert(JSON.stringify(data));
            }
        });
    });
}
function reLoad() {
    load();
}

function add(pId) {
    layer.open({
        type: 2,
        title: '增加菜单',
        maxmin: true,
        shadeClose: false, // 点击遮罩关闭层
        area: ['800px', '600px'],
        content: prefix + '/add/' + pId // iframe的url
    });
}

function batchAdd(pId) {
    layer.open({
        type: 2,
        title: '增加菜单',
        maxmin: true,
        shadeClose: false, // 点击遮罩关闭层
        area: ['800px', '530px'],
        content: prefix + '/batchAdd/' + pId // iframe的url
    });
}

function remove(id) {
    layer.confirm('确定要删除选中的记录？', {
        btn: ['确定', '取消']
    }, function () {
        $.ajax({
            url: prefix + "/remove",
            type: "post",
            data: {
                'id': id
            },
            success: function (data) {
                if (data.code == 0) {
                    layer.msg("删除成功");
                    reLoad();
                } else {
                    layer.msg(data.msg);
                }
            }
        });
    })
}

function edit(id) {
    layer.open({
        type: 2,
        title: '菜单修改',
        maxmin: true,
        shadeClose: false, // 点击遮罩关闭层
        area: ['800px', '600px'],
        content: prefix + '/edit/' + id // iframe的url
    });
}

function batchRemove() {
}
